
<!DOCTYPE html>
<html lang="en">
<head>

    <title>老师的页面</title>


    <link href="${pageContext.request.contextPath}/css/base.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/platform.css" rel="stylesheet">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/easyUI/easyui.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/jquery/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/jquery/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/easyUI/jquery.easyui.min.js"></script>
    <!-- <script type="text/javascript" src="js/menu.js"></script> -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/main.js"></script>



    <script type="text/javascript">
        $(function(){
            $('#tt').tabs({                         //点一下面板刷新一下页面
                tabHeight: 40,
                onSelect:function(title,index){
                    var currentTab = $('#tt').tabs("getSelected");
                    // 刷新一下界面
                    if(currentTab.find("iframe") && currentTab.find("iframe").size()){
                        currentTab.find("iframe").attr("src",currentTab.find("iframe").attr("src"));
                    }
                }
            });
        })


        $(window).resize(function(){                                        /*实现窗口大小自适应宽度问题*/
            $('.tabs-panels').height($("#pf-page").height()-46);
            $('.panel-body').height($("#pf-page").height()-76)
        }).resize();

        var page = 0,
                pages = ($('.pf-nav').height() / 70) - 1;

        if(pages === 0){
            $('.pf-nav-prev,.pf-nav-next').hide();
        }
        $(document).on('click', '.pf-nav-prev,.pf-nav-next', function(){

            if($(this).hasClass('disabled')) return;
            if($(this).hasClass('pf-nav-next')){
                page++;
                $('.pf-nav').stop().animate({'margin-top': -70*page}, 200);
                if(page == pages){
                    $(this).addClass('disabled');
                    $('.pf-nav-prev').removeClass('disabled');
                }else{
                    $('.pf-nav-prev').removeClass('disabled');
                }
            }else{
                page--;
                $('.pf-nav').stop().animate({'margin-top': -70*page}, 200);
                if(page == 0){
                    $(this).addClass('disabled');
                    $('.pf-nav-next').removeClass('disabled');
                }else{
                    $('.pf-nav-next').removeClass('disabled');
                }

            }
        })



        // 写一个方法往easyUI中添加面板
        function addPanel(id,name){                         //点一下就跳转到对应的页面
            // 判断之前是否已经存在该面板存在就不创建新的面板
            var exist = $('#tt').tabs('exists',name);
            if(exist){
                // 已经存在就将该面板选中  exist
                $('#tt').tabs('select',name);
                var currentTab =  $('#tt').tabs('getTab',name);
                // 刷新一下界面
                if(currentTab.find("iframe") && currentTab.find("iframe").size()){
                    currentTab.find("iframe").attr("src",currentTab.find("iframe").attr("src"));
                }
            }else{
                $('#tt').tabs('add',{
                    id:id,
                    title: name,                                                            /*跳到指定的Controller的url，然后再经过处理跳转到对应的jsp页面*/
                    content: '<div style="width:100%;height:100%;"><iframe class="page-iframe" src="student/student/1/3" frameborder="no"   border="no" height="100%" width="100%" scrolling="auto"></iframe></div>',
                    closable: true
                });
            }
        }


        // 写一个方法往easyUI中添加面板
        function problem(id,name){                         //点一下就跳转到对应的页面
            // 判断之前是否已经存在该面板存在就不创建新的面板
            var exist = $('#tt').tabs('exists',name);
            if(exist){
                // 已经存在就将该面板选中  exist
                $('#tt').tabs('select',name);
                var currentTab =  $('#tt').tabs('getTab',name);
                // 刷新一下界面
                if(currentTab.find("iframe") && currentTab.find("iframe").size()){
                    currentTab.find("iframe").attr("src",currentTab.find("iframe").attr("src"));
                }
            }else{
                $('#tt').tabs('add',{
                    id:id,
                    title: name,                                                            /*跳到指定的Controller的url，然后再经过处理跳转到对应的jsp页面*/
                    content: '<div style="width:100%;height:100%;"><iframe class="page-iframe" src="problem/problem/1/3" frameborder="no"   border="no" height="100%" width="100%" scrolling="auto"></iframe></div>',
                    closable: true
                });
            }
        }

        // 写一个方法往easyUI中添加面板
        function test_paper(id,name){                         //点一下就跳转到对应的页面
            // 判断之前是否已经存在该面板存在就不创建新的面板
            var exist = $('#tt').tabs('exists',name);
            if(exist){
                // 已经存在就将该面板选中  exist
                $('#tt').tabs('select',name);
                var currentTab =  $('#tt').tabs('getTab',name);
                // 刷新一下界面
                if(currentTab.find("iframe") && currentTab.find("iframe").size()){
                    currentTab.find("iframe").attr("src",currentTab.find("iframe").attr("src"));
                }
            }else{
                $('#tt').tabs('add',{
                    id:id,
                    title: name,                                                            /*跳到指定的Controller的url，然后再经过处理跳转到对应的jsp页面*/
                    content: '<div style="width:100%;height:100%;"><iframe class="page-iframe" src="testPaper/testPaper/1/3" frameborder="no"   border="no" height="100%" width="100%" scrolling="auto"></iframe></div>',
                    closable: true
                });
            }
        }


        function exit(){
            window.location = "/user/logout";
        }
    </script>

</head>
<body>
<center>


    <div class="container">
        <div id="pf-hd">
            <div class="pf-logo">
                <img  src="/images/main/left_title2.png" alt="logo" height="60" width="300">
            </div>

            <div class="pf-user">
                <div class="pf-user-photo">
                    <#--<img style="width: 40px;height: 40px;" src="/upload/${user_session.imageLu}" alt="" >            &lt;#&ndash; <%--徐磊的大头照--%>&ndash;&gt;-->
                    <img style="width: 40px;height: 40px;" src="/file/${user_session.imageLu}" alt="">  <#-- <%--徐磊的大头照--%>-->
                </div>
                <h4 class="pf-user-name ellipsis">${user_session.username}</h4>           <#-- <%--用户的名字--%>-->
                <i class="iconfont xiala">&#xe607;</i>

                <div class="pf-user-panel">
                    <ul class="pf-user-opt">
                        <li>
                            <a href="javascript:;">
                                <i class="iconfont">&#xe60d;</i>
                                <span class="pf-opt-name">用户信息</span>          <#-- <%--点击徐磊后的用户信息按钮，无效按钮--%>-->
                            </a>
                        </li>
                        <li  id="exit">
                            <a href="javascript:exit();">                          <#--<%-- 跳转到LogoutController中的logout--%>-->
                                <i class="iconfont">&#xe60e;</i>
                                <span class="pf-opt-name">退出</span>               <#--  <%--点击徐磊后的退出按钮--%>-->
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <div id="pf-bd">
            <div id="pf-sider">
                <h2 class="pf-model-name">
                    <span class="iconfont">&#xe64a;</span>
                    <span class="pf-name">教师系统</span>                      <#-- <%--左上第二个的信息系统字样--%>-->
                    <span class="toggle-icon"></span>
                </h2>
                <!-- 展示系统左侧权限树  -->
                <ul class="sider-nav" id="sider-nav">

                        <li>
                            <a href="javascript:addPanel('${secondModule.code }' ,'学生管理');">
                                <span class="iconfont sider-nav-icon">&#xe611;</span>
                                <span class="sider-nav-title">学生管理</span>            <#-- <%--第一个模块，如系统管理--%>-->
                                <i class="iconfont">&#xe642;</i>
                            </a>
                        </li>

                    <li>
                        <a href="javascript:problem('${secondModule.code }','题目管理');">
                            <span class="iconfont sider-nav-icon">&#xe611;</span>
                            <span class="sider-nav-title">题目管理</span>            <#-- <%--第一个模块，如系统管理--%>-->
                            <i class="iconfont">&#xe642;</i>
                        </a>
                    </li>

                    <li>
                        <a href="javascript:test_paper('${secondModule.code }','试卷管理');">
                            <span class="iconfont sider-nav-icon">&#xe611;</span>
                            <span class="sider-nav-title">试卷管理</span>            <#-- <%--第一个模块，如系统管理--%>-->
                            <i class="iconfont">&#xe642;</i>
                        </a>
                    </li>

                </ul>

            </div>

            <!-- 面板 -->
            <div id="pf-page">
                <div class="easyui-tabs" id="tt" style="width:100%;height:100%;">           <#--面板-->
                    <div title="我的信息" id="user" style="padding:10px 5px 5px 10px;">
                        <iframe class="page-iframe" src="/teacher/home"  height="100%" width="100%" scrolling="auto"></iframe>
                    </div>
                </div>
            </div>
        </div>


    </div>
</center>

</body>
</html>